html, body {
    background: #f7fbff;
}
*{
    font-size: 0.8rem;
}
body{
  font-size: 0.8rem;
}
.list_box{
    width: 92%;
    margin: 0 auto;
    margin-top: 15px;
    overflow: hidden;
}
.list_title{
    width: 100%;
    height: 2.8rem;
    background: #289FFF;
    overflow: hidden;
}
.list_title .titlestyle{
    width: 94%;
    margin: 0 auto;
    height: 1.8rem;
    line-height: 1.8rem;
    color: #fff;
    font-weight: bold;
    margin-top: 0.65rem;
    /* padding: 0px 14px; */
    overflow: hidden;

}
.list_title .list_title_lft{
    width: 74%;
    float: left;
    height: 1.8rem;
    line-height: 1.8rem;
    color: #fff;
    font-weight: bold;
    margin-top: 0.65rem;
    padding: 0px 0px 0px 14px;

}
.list_title .list_title_rgt{
    width: 25%;
    float: right;
    text-align: right;
    height: 1.8rem;
    line-height: 1.8rem;
    color: #fff;
    font-weight: bold;
    margin-top: 0.65rem;
    padding: 0px 14px 0px 0px ;

}

.list_mian{
    margin: 5px 14px 12px 14px;
    overflow: hidden;
}
.list_main_li{
    width: 100%;
    /* height: 2.2rem; */
    line-height: 1.2rem;
    padding: 0.5rem 0rem;
    margin-top: 2px;
    border-bottom: dashed 0.5px #ccc;
    overflow: hidden;
}
.main_li_msg{
    width: 90%;
}
.main_li_msg span{
    margin-left: 5px;
    height: 0.8rem;
    line-height: 0.8rem;
    padding:0px 5px;
    font-size: 0.6rem;
    border-radius: 4px;
}
.list_over{
    border:solid 0.5px #289FFF;
    color: #289FFF;
}
.list_update{
    border:solid 0.5px #e64d27;
    color: #e64d27;
}
.main_li_rgt{
    width: 9%;
    text-align: right;
    color: #bbb;
}



